/* eslint-disable no-console */
/* tslint:disable:no-console */
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import TouchFeedback from '../index';
import './simple.less';

const TouchFeedbackDemo = () => (
  <TouchFeedback activeClassName="active" activeStyle={{ color: 'red' }}>
    <div
      className="normal"
      style={{ backgroundColor: 'yellow' }}
      onClick={() => console.log('click div')}
    >
      click to active
    </div>
  </TouchFeedback>
);
export default () => {
  return (
    <div className="feed" style={{ marginBottom: 12 }}>
      <TouchFeedbackDemo />
    </div>
  );
};
